import React, {Component} from 'react';
import './index.css';
import {MenuUnfoldOutlined} from '@ant-design/icons';

class NavBar extends Component {
    render() {
        return (
            <div className={"navbar_wrapper"}>
                <div className="nav">
                    <div className="MenuBtn">
                        <MenuUnfoldOutlined />
                    </div>
                    <div className={"middle"}>
                        {this.props.children ? this.props.children[0] ? this.props.children[0] : this.props.children :null}
                    </div>
                    <div className={"right"}>
                        {this.props.children&&this.props.children[1] ? this.props.children[1] : null}

                    </div>
                </div>
            </div>
        );
    }
}

export default NavBar;